<!-- 通用CSS -->
<head th:fragment=header(title)>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>工业互联网俱乐部——[[*{title}]]</title>
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/style-starter.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/main.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/line-awesome.min.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/animate.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/flaticon.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/owl.carousel.min.css">
    <link rel="stylesheet" href="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/css/style.css">
    <link rel="stylesheet" href="/site/css/responsive.css">
</head>

<div th:fragment="navigation">
    <div class="header">
        <!--导航-->
        <div id="style-1" class="header-area">
            <div class="sticky-area">
                <div class="navigation">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="logo">
                                    <a href="/"><img th:src="@{/site/img/logo.png}" alt="工业互联网俱乐部"></a>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="main-menu">
                                    <nav class="navbar navbar-expand-lg">
                                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                                aria-expanded="false" aria-label="Toggle navigation">
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                        </button>
                                        <div class="collapse navbar-collapse justify-content-center"
                                             id="navbarSupportedContent">
                                            <ul class="navbar-nav m-auto">
                                                <li class="nav-item">
                                                    <a class="nav-link active" href="/">首页</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/news">资讯</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/video">视频</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/activity">活动</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/encyclopedia">百科解答</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/product">产品服务</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/solution">解决方案</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="/report">研究报告</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="footer">
    <footer class="footer-area">
        <div class="container">
            <div class="footer-up">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="qr-code" style="text-align: center;padding: 20px">
                            <img class="footer-img" th:src="@{/site/img/qr_code.jpeg}">
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h5>关于我们</h5>
                        <p>工业互联网俱乐部致力于打造工业互联网行业领域领先的网络传播平台。重点关注工业互联网产业的政策、技术、平台、实践案例等内容，提供的信息涵盖咨询、视频、活动、百科、产品服务、解决方案、研究报告等多种形式。</p>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h5>联系我们</h5>
                        <div class="contact-info">
                            <p><i class="las la-map-marker"></i>：柳州市鱼峰区新柳大道111号新城智埠大楼1010号</p>
                            <p><i class="las la-phone"></i>：18978084079</p>
                            <p><i class="las la-envelope"></i>：markting@iiclub.com.cn</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h5>友情链接</h5>
                        <div class="contact-info">
                            <p><a href="https://www.miit.gov.cn/" target="_blank">工信部</a></p>
                            <p><a href="http://www.aii-alliance.org/" target="_blank">工业互联网联盟</a></p>
                            <p><a href="https://www.china-aii.com/" target="_blank">工业互联网研究院</a></p>
                            <p><a href="http://www.idconsensus.cn/" target="_blank">工业互联网与物联网研究所</a></p>
                            <p><a href="https://www.lk-it.cn/" target="_blank">柳州箩筐信息科技有限公司</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container mt-1 mb-3">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <p class="copyright-line">
                        版权@工业互联网俱乐部，<a target="_blank" href="http://beian.miit.gov.cn/">
                        桂ICP备2020008864号-2</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
</div>

<div th:fragment="js">
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/vue.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/jquery.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/popper.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/bootstrap.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/wow.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/owl.carousel.min.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/jquery.sticky.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/framework.js"></script>
    <script src="https://iiclub.oss-cn-qingdao.aliyuncs.com/site/js/main.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?109f225e8172b478fbd5c5d2ba1e7ea5";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>

<div th:fragment="comment">
    <script charset="utf-8" type="text/javascript" src="https://cy-cdn.kuaizhan.com/upload/changyan.js" ></script>
    <script type="text/javascript">
        window.changyan.api.config({
            appid: 'cyvmbXn0O',
            conf: 'prod_7a8f0f32a8d5716baaf64a2ebc509849'
        });
    </script>
</div>